import Icon from "components/Icon";
import React from "react";
import Input from ".";
import { ReactComponent as ClipIcon } from 'assets/icons/clip.svg';
import { ReactComponent as SmileIcon } from 'assets/icons/smile.svg';

const InputStory = {
    title: "UI组件/Input",
    component: Input
}

export default InputStory;

export const Default = () => <Input />;

export const Search = () => <Input.Search />;

export const WithAffix = () => (
    <Input
        prefix={<Icon icon={ClipIcon} color="#CCCCCC" />}
        suffix={<Icon icon={SmileIcon} color="#CCCCCC" />}
    />
);